@import '../index.less';

.account {
  padding: @wrap-padding;
  height: 100vh;
  background-color: @backgroudColor;
  .my-row {
    margin-bottom: 30px;
  }
  .photo-wrap {
    width: 100%;
    padding: 15px 0px;
    .photo {
      width: 90px;
      height: 90px;
      border-radius: 50%;
      background-color: #F0F2F7;
      margin-right: 20px;
    }
  }
  .grid-follow {
    .follow-val {
      margin-bottom: 10px;
    }
    .text {
      font-size: 25px;
    }
  }
  .grid-choice {
    background: white;
    border: 10px solid white;
    border-radius: 30px;
    height: calc((100vw - 60px) / 4);
    .icon-row {
      margin-bottom: 10px;
    }
    .text {
      font-size: 25px;
    }
  }
  .often-visit {
    padding: 30px;
    .title {
      margin-bottom: 25px;
    }
    .scroll-row {
      overflow-x: scroll;
      overflow-y: hidden;
      .item {
        width: 130px;
      }
      .avatar {
        border-radius: 50%;
        width: 100px;
        height: 100px;
      }
      .nickname {
        font-size: 25px;
      }
    }
  }
}